<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
</head>
<body>
<div th:fragment="commonPassword">
    <!--header start-->
    <header class="header white-bg">
        <div class="sidebar-toggle-box">
            <div data-original-title="Toggle Navigation" data-placement="right" class="icon-reorder tooltips"
                 style="color: #FFF;"></div>
        </div>
        <!--logo start-->
        <!--<a href="#" class="logo">Confer<span>ence</span></a>-->
        <a href="#" class="logo">Ontimeshow</a>
        <!--logo end-->
        <div class="top-nav ">
            <!--search & user info start-->
            <ul class="nav pull-right top-menu">
                <!-- user login dropdown start-->
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <span class="username">退出</span>
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu extended logout">
                        <div class="log-arrow-up"></div>
                        <li><a href="#"data-toggle="modal" data-target="#changeModal"><i class="icon-cog"></i>修改密码</a></li>
                        <li><a href="../user/logout"><i class="icon-key"></i>退出</a></li>
                    </ul>
                </li>
                <!-- user login dropdown end -->
            </ul>
            <!--search & user info end-->
        </div>
    </header>
</div>


<div th:fragment="commonPasswordModal">
    <!-- 修改密码的模态框 -->
    <div class="modal fade" id="changeModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h7>修改密码</h7>
                </div>
                <div class="modal-body">
                    <form id="passwordForm" method="post" class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">新密码</label>
                            <div class="col-sm-7">
                                <input type="password" id="newPassword" name="newPassword" class="form-control" placeholder="请输入新密码"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">确认密码</label>
                            <div class="col-sm-7">
                                <input type="password"  name="confirmPassword" class="form-control" placeholder="请输入确认密码"/>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary" id="changePassword">确定</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal" onclick="resetPasswordModal()">取消</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:fragment="commonNavigationBar">
    <aside>
        <div id="sidebar" class="nav-collapse ">
            <!-- sidebar menu start-->
            <ul class="sidebar-menu">
                <!--<li id="classify">
                    <a class="" >
                        <i class="icon-list"></i>
                        <span>分类管理</span>
                    </a>
                </li>-->
                <li id="examineBuyer" >
                    <a class="" href="../admin/toExamineBuyer">
                        <i class="icon-user"></i>
                        <span>买手审核</span>
                    </a>
                </li>
                <li id="" class="sub-menu" >
                    <a href="javascript:;" class="">
                        <i class="icon-list"></i>
                        <span>排行榜</span>
                        <span id="arrow" class="arrow"></span>
                    </a>
                    <ul class="sub">
                        <li id="topBankRank"><a class="" href="../admin/toTopBrandRank">TOP品牌</a></li>
                        <li id="brandRank"><a class="" href="../admin/toBrandRank">品牌排行</a></li>
                        <li id="productRank"><a class="" href="../admin/toProductRank">产品排行</a></li>
                    </ul>
                </li>
            </ul>
            <!-- sidebar menu end-->
        </div>
    </aside>

</div>

</body>
</html>